<!DOCTYPE html>
<html lang="zh">
<head>
<th:block th:include="include :: header('下拉框')" />
<th:block th:include="include :: select2-css" />
<th:block th:include="include :: bootstrap-select-css" />
</head>
<body class="gray-bg">
	<form>
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="col-sm-6">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>
								下拉框 <small>https://github.com/select2/select2</small>
							</h5>
						</div>
						<div class="ibox-content">
							<div class="form-group">
								<label class="font-noraml">单选</label> <select
									class="form-control">
									<option value="">--请选择开发语言--</option>
									<option value="Java">Java</option>
									<option value="PHP">PHP</option>
									<option value=".NET">.NET</option>
								</select>
							</div>

							<div class="form-group">
								<label class="font-noraml">分组单选</label> <select
									class="form-control">
									<optgroup label="--请选择开发语言--">
										<option value="Java">Java</option>
										<option value="PHP">PHP</option>
										<option value=".NET">.NET</option>
									</optgroup>
									<optgroup label="--请选择数据库--">
										<option value="Oracle">Oracle</option>
										<option value="Mysql">Mysql</option>
										<option value="Sysbase">Sysbase</option>
									</optgroup>
								</select>
							</div>

							<div class="form-group">
								<label class="font-noraml">多选</label> <select
									class="form-control select2-multiple" multiple>
									<option value="">请选择开发语言</option>
									<option value="Java">Java</option>
									<option value="PHP">PHP</option>
									<option value=".NET">.NET</option>
								</select>
							</div>

							<div class="form-group">
								<label class="font-noraml">分组多选</label> <select
									class="form-control select2-multiple" multiple>
									<optgroup label="--请选择开发语言--">
										<option value="Java">Java</option>
										<option value="PHP">PHP</option>
										<option value=".NET">.NET</option>
									</optgroup>
									<optgroup label="--请选择数据库--">
										<option value="Oracle">Oracle</option>
										<option value="Mysql">Mysql</option>
										<option value="Sysbase">Sysbase</option>
									</optgroup>
								</select>
							</div>
							<hr>
							<div class="form-group">
								<label class="font-noraml">相关参数详细信息</label>
								<div>
									<a href="http://doc.ruoyi.vip/ruoyi/document/zjwd.html#select2"
										target="_blank">http://doc.ruoyi.vip/ruoyi/document/zjwd.html#select2</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>
								下拉框 <small>https://github.com/snapappointments/bootstrap-select</small>
							</h5>
						</div>
						<div class="ibox-content">
							<div class="form-group">
								<label class="font-noraml">单选</label> <select
									class="form-control noselect2 selectpicker">
									<option value="">--请选择开发语言--</option>
									<option value="Java">Java</option>
									<option value="PHP">PHP</option>
									<option value=".NET">.NET</option>
								</select>
							</div>

							<div class="form-group">
								<label class="font-noraml">分组多选</label> <select
									class="form-control noselect2 selectpicker">
									<optgroup label="--请选择开发语言--">
										<option value="Java">Java</option>
										<option value="PHP">PHP</option>
										<option value=".NET">.NET</option>
									</optgroup>
									<optgroup label="--请选择数据库--">
										<option value="Oracle">Oracle</option>
										<option value="Mysql">Mysql</option>
										<option value="Sysbase">Sysbase</option>
									</optgroup>
								</select>
							</div>

							<div class="form-group">
								<label class="font-noraml">多选</label> <select
									class="form-control noselect2 selectpicker"
									data-none-selected-text="请选择开发语言" multiple>
									<option value="Java">Java</option>
									<option value="PHP">PHP</option>
									<option value=".NET">.NET</option>
								</select>
							</div>

							<div class="form-group">
								<label class="font-noraml">分组多选</label> <select
									class="form-control noselect2 selectpicker"
									data-none-selected-text="请选择" multiple>
									<optgroup label="--请选择开发语言--">
										<option value="Java">Java</option>
										<option value="PHP">PHP</option>
										<option value=".NET">.NET</option>
									</optgroup>
									<optgroup label="--请选择数据库--">
										<option value="Oracle">Oracle</option>
										<option value="Mysql">Mysql</option>
										<option value="Sysbase">Sysbase</option>
									</optgroup>
								</select>
							</div>
							<hr>
							<div class="form-group">
								<label class="font-noraml">相关参数详细信息</label>
								<div>
									<a
										href="http://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-select"
										target="_blank">http://doc.ruoyi.vip/ruoyi/document/zjwd.html#bootstrap-select</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
	<th:block th:include="include :: footer" />
	<th:block th:include="include :: select2-js" />
	<th:block th:include="include :: bootstrap-select-js" />
</body>
</html>
